<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Berry (中国大陆)</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/navbar.css' %}">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
</head>
<body>
{% include 'navbar.html' %}
<h1>Welcome to Berry</h1>
<img src="{% static 'images/logo.png' %}" alt="company-image">

<h2>关于我们</h2>
<p>Berry Inc. 公司致力于打造真正高精尖的电子产品</p>

<h2>最新动态</h2>
<ul>
    {% for news in news_list %}
        <li>
            <h2>{{ news.title }}</h2>
            <p>{{ news.create_time }}</p>
            <p>{{ news.content }}</p>
            {% if news.img %}
                <img src="{{ news.img }}" alt="{{ news.title }}">
            {% endif %}
            <p>类型: {{ news.get_type_display }}</p>
        </li>
    {% endfor %}
</ul>
<h2>主要产品</h2>
<ul>
    {% for product in products_list %}
        <li>{{ product.name }} - {{ product.detail }}</li>
        {% if product.img %}
            <img src="{{ product.img }}" alt="{{ product.title }}">
        {% endif %}
    {% endfor %}
</ul>
</body>
</html>